<template>
  <div>
    <button @click="click01">点我有惊喜</button>
  </div>
  <div>
    <div style="display:flex" v-for="(user, index) in userList" :key="index">
      <div style="flex: 1">{{ user.countryName}}</div>
      <div style="flex: 1">{{ user.countryEnglishName }}</div>
      <div style="flex: 1">{{ user.provinceName}}</div>
      <div style="flex: 1">{{ user.province_confirmedCount }}</div>
    </div>
  </div>
</template>

<script setup>
import { ref, reactive, onMounted } from "vue";
import axios from "axios";

const userList = ref([]);
const click01 = async () => {
  let res = await axios({
    method: "get",
    url: "/test/test",
    data: {},
  });
  console.log(res);
  userList.value = res.data.data;
};
</script>

<style lang="scss" scoped>
</style>